extends ../common/layout.pug

block body
  .m-calendar
    include ../common/header.pug
    include ../common/banner.pug
    include ../common/nav.pug
    .row
      .col-md-8
        .calendar
          .header
            .header-item.year
              select(v-model='selectedYear')
                option(:value='item', v-for="item in years") {{item}}年
            .header-item.month
              select(v-model='selectedMonth')
                option(:value='item', v-for="item in months") {{item}}月
            .header-item.time
              select
                option(value='9') 9am
          .day-wrap
            li 日
            li 一
            li 二
            li 三
            li 四
            li 五
            li 六
          .date-wrap
            li(v-for='(date, i) in dates', :class="{active: date.isActive}", @click='onClickDate(date.date)')
              p {{date.date}}
              p(:class="{'g-color-active': date.isFestival}") {{date.lunarDate}}
      .col-md-4
        .date-info
          .row
            .col-xs-5
              .big-date {{selectedDate}}
            .col-xs-7
              p {{selectedYear}}-{{selectedMonth | leftPad}}-{{selectedDate | leftPad}} {{selectedDayZh}}
              p.g-size4 {{lunarMonthDate}}
              p {{lunarYear}}
              p 丁酉月 丁酉日
        .avoid-info
          .title 十二建除忌宜 : (除)日
          p 扫除恶煞丶去旧迎新的日子。
          p
            span.red 宜：
            span 理发丶扫舍丶祭祀丶出行丶医病丶动土丶上梁丶安门丶作灶。
          p 
            span.green 忌：
            span 酝酿丶成服丶除灵丶开渠丶放水丶出财丶搭厕。

    .info-block
      .title.g-color-red.g-size4 流年资料
      p 2017年2月3日立春后是为丁酉年,生肖鸡年，因此属鸡的人丁酉年为坐太岁；按十二地支刑沖破害原理，酉卯沖，就是说属兔的人丁酉年为沖太岁。
    .info-block
      .title.g-color-blue.g-size4 十二建除忌宜
      p 十二建除就是我们农民历上常见的「建丶除丶满丶平丶定丶执丶破丶危丶成丶收丶开丶闭」十二个字。又称为十二建星或十二神。

    .notice-24
      .title.g-size4 二十四节气
      img(src="../images/calendar/24.png", alt="")



block script
  include ../common/script.pug
  script(src="../js/lunar-plus.js", type="text/javascript")
  script(src="../js/left-pad.js", type="text/javascript")
  script(src="../js/calendar.js", type="text/javascript")